<div id="themes">
    <div class="themes-header">
        <div class="themes-header-content">
            <div class="filter-themes">
                <div class="col-left">
                    FILTER THEMES:
                </div>
                <div class="col-right">
                    <p>You can filter by industry type:</p>
                    <div class="col-select-box filter-themes-box">ALL INDUSTRY TYPES<i class="fa fa-angle-down"></i></div>
                    <ul class="themes-category">
                        <li><a title="" href="">ALL INDUSTRY TYPES</a></li>
                        <li><a title="" href="">Themes login</a></li>
                        <li><a title="" href="">Wedding</a></li>
                        <li><a title="" href="">Sport</a></li>
                        <li><a title="" href="">Other</a></li>
                    </ul>
                </div>
            </div>
            <div class="search-themes">
                <div class="col-left">
                    SEARCH THEMES
                </div>
                <div class="col-right">
                    <p>You can search for a theme name:</p>
                    <div class="col-select-box search-themes-by-keyword">
                        <div class="search-themes-left">
                            <input type="text" placeholder="ENTER KEYWORD">
                        </div>
                        <div class="search-themes-right">
                            <span><i class="fa fa-search"></i></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="themes-body">
        <div class="themes-body-content">
            <div class="themes-item">
                <a href=""><img src="<?php echo ROOT_URL; ?>upload/images/Thumb-In-Shape.jpg"></a>
                <div class="themes-title">
                    Google
                </div>
            </div>

            <div class="themes-item">
                <a href=""><img src="<?php echo ROOT_URL; ?>upload/images/Thumb-Games-Zone.jpg"></a>
                <div class="themes-title">
                    yahoo
                </div>
            </div>

            <div class="themes-item">
                <a href=""><img src="<?php echo ROOT_URL; ?>upload/images/Thumb-The-Flavour.jpg"></a>
                <div class="themes-title">
                    Facebook
                </div>
            </div>

            <div class="themes-item">
                <a href=""><img src="<?php echo ROOT_URL; ?>upload/images/Thumb-The-Flavour.jpg"></a>
                <div class="themes-title">
                    Webb
                </div>
            </div>
        </div>
        <div class="pagination">
            <ul>
                <li><a href="">Prev</a></li>
                <li class="active"><a href="">1</a></li>
                <li><a href="">2</a></li>
                <li><a href="">3</a></li>
                <li><a href="">Next</a></li>
            </ul>
        </div>
    </div>
</div>
